<template lang="html">
  <div class="newadderssmessage">
    <div class='content-center'>
    	<NewAdderssContent :name='messageone' />
    	<Linkage />
    	<NewAdderssContent :name='messageotwo' />
    	<div class='preservation'>
			<router-link to='address' tag='p'>保存并使用</router-link>
    	</div>
    </div>
  </div>
</template>

<script>
import NewAdderssContent from './NewAdderssContent.vue'
import Linkage from './linkage.vue'

export default {
  name:'NewAdderssMessage',
  data(){
  	return{
  		messageone:[
  			{
  				name:'姓名',
  				news:'最少两个字,最多12个字'
  			},
  			{
  				name:'电话',
  				news:'最少7位数'
  			}
  		],
  		messageotwo:[
  			{
  				name:'地址',
  				news:'最少两个字，最多12个字'
  			},
  			{
  				name:'邮编',
  				news:'输入六位数'
  			}
  		]  	
  	}
  },
  components:{
  	NewAdderssContent,
  	Linkage
  }
}





</script>

<style lang="less" scoped>
.newadderssmessage{
	width: 95%;
	height: 100%;
	margin: 0.5rem auto;
	select{
		width: 100%;
	}
	.preservation{
		width: 60%;
		height: 0.8rem;
		background:#44bf91;
		border-radius:0.8rem;
		line-height:0.8rem;
		text-align:center;
		margin:0.3rem 20%;
		p{
			font-size:0.4rem;
			color:#fff;
		}
	}
}
</style>
